* { font-size: 14px; font-family: "Arial", "微软雅黑"; }
html, body { width: 100%; height: 100%; margin: 0px; padding: 0px; }
a, a:visited {
    color: #0066ff;
    text-decoration: none;
}
a:hover {
    text-decoration: none;
    color: #ff6600;
}
div { box-sizing: border-box; }
.container
{
    width: 100%;
    height: 100%;
    margin: 0px auto;
    box-sizing: border-box;
    position: absolute;
    padding-left: 200px;
}
.container .sidebar
{
    width: 200px;
    height: 100%;
    background-color: #111111;
    position: absolute;
    left: 0px;
    top: 0px;
}
.container .sidebar .logo
{
    width: 100%;
    height: 64px;
    margin: 20px auto 20px auto;
    background-image: url(../img/logo.png);
    background-repeat: no-repeat;
    background-position: center;
}
hr
{
    border-width: 1px 0px 0px 0px;
    border-style: solid;
    border-color: #333333;
}
.container .sidebar .menu
{
    margin-top: 20px;
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.container .sidebar .menu li
{
    height: 40px;
    line-height: 40px;
    padding-left: 20px;
}
.container .sidebar .menu .active
{
    background-color: #0099ff;
}
.container .sidebar .menu li:hover
{
    background-color: #333333;
    cursor: pointer;
}
.container .sidebar .menu li i
{
    margin-right: 4px;
}
.container .sidebar .menu li i, .container .sidebar .menu li a
{
    color: #cccccc;
    font-size: 14px !important;
}
.container .content
{
    width: 100%;
    height: 100%;
}
.container .datasheet
{
    padding: 20px 20px 20px 20px;
    overflow: auto;
}
.container .datasheet hr
{
    margin: 20px 0px 20px 0px;
    border-color: #cccccc;
}
.container .datasheet h2
{
    font-size: 18px;
}
.x-row
{
    margin-left: -5px;
    margin-right: -5px;
}
.x-row > .x-col-1,.x-row > .x-col-2,.x-row > .x-col-3,.x-row > .x-col-4,.x-row > .x-col-5,.x-row > .x-col-6,.x-row > .x-col-7,.x-row > .x-col-8,.x-row > .x-col-9,.x-row > .x-col-10
{
    padding-left: 5px;
    padding-right: 5px;
    float: left;
}
.x-row > .x-column-3
{
    padding-left: 5px;
    padding-right: 5px;
    float: left;
}
.x-row > .x-column-3 { width: 33%; }
.x-row > .x-col-1 { width: 10%; }
.x-row > .x-col-2 { width: 20%; }
.x-row > .x-col-3 { width: 30%; }
.x-row > .x-col-4 { width: 40%; }
.x-row > .x-col-5 { width: 50%; }
.x-row > .x-col-6 { width: 60%; }
.x-row > .x-col-7 { width: 70%; }
.x-row > .x-col-8 { width: 80%; }
.x-row > .x-col-9 { width: 90%; }
.x-row > .x-col-10 { width: 100%; }
.x-clearfix { clear: both; }

input[type=text] {
    height: 25px;
    padding: 0px 4px;
    max-width: 100%;
    border: solid 1px #e7ecf1;
}
select {
    height: 25px;
    width: 100%;
}

.btn {
    border: 0px;
    outline: none;
    color: #ffffff !important;
    height: 30px;
    line-height: 30px;
    min-width: 80px;
    display: inline-block;
    text-align: center;
}
.btn-sm {
    height: 24px !important;
    line-height: 24px;
    min-width: 40px !important;
    padding: 0px 10px 0px 10px !important;
}
.btn:hover {
    cursor: pointer;
    color: #ffffff !important;
}
.gray { color: #666666; }
.blue { color: #0099ff; }
.red { color: #ff3300; }
.green { color: #009900; }
.orange { color: #ff9900; }

.btn-gray { background-color: #666666; }
.btn-gray:hover { background-color: #444444; }
.btn-blue { background-color: #0099ff; }
.btn-blue:hover { background-color: #0066ff; }
.btn-red { background-color: #ff3300; }
.btn-red:hover { background-color: #ff0000; }
.btn-green { background-color: #009900; }
.btn-green:hover { background-color: #006600; }
.btn-orange { background-color: #ff9900; }
.btn-orange:hover { background-color: #ff6600; }

.text-center { text-align: center; }
.text-right { text-align: right; }
.text-left { text-align: left; }
.pull-right { float: right; }
.x-menu-list
{
    list-style: none;
    margin: 0px;
    padding: 40px 0px 0px 0px;
    box-sizing: border-box;
    min-height: 600px;
    border-right: solid 2px #0099ff;
}
.x-menu-list li
{
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    overflow: hidden;
    margin-bottom: 3px;
}
.x-menu-list li a
{
    display: block;
    width: 100%;
    padding-left: 20px;
}
.x-menu-list li a:hover
{
    cursor: pointer;
    color: #ffffff;
    background-color: #0099ff;
}
.x-menu-list .active
{
    background-color: #0099ff;
}
.x-menu-list .active a, .x-menu-list .active a:visited
{
    color: #ffffff;
}
.pagination {
    margin: 10px 0;
    padding-left: 0;
    margin: 20px 0;
    float: right;
    border-radius: 4px;
}
.pagination>li {
    display: inline;
}
.pagination-sm>li>a, .pagination-sm>li>span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}
.pagination .active a
{
    background-color: #0066ff;
    color: #ffffff;
}
.pagination li a:hover
{
    background-color: #efefef;
}
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857;
    text-decoration: none;
    color: #337ab7;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px;
}
table {
    width: 100%;
    border-collapse: collapse;
    border: solid 1px #dedede;
}
table td, table th {
    border: 1px solid #e7ecf1;
    height: 30px;
    padding: 0px 4px 0px 4px;
}

.mask {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1000000;
    background-color: rgba(0, 0, 0, 0.7);
}
.mask .dialog {
    position: absolute;
    width: 800px;
    height: 600px;
    top: 50%;
    left: 50%;
    margin-top: -300px;
    margin-left: -400px;
    padding: 40px 0px 40px 0px;
    border-radius: 5px;
    overflow: hidden;
    background-color: #efefef;
}
.mask .dialog h1 {
    height: 40px;
    line-height: 40px;
    width: 100%;
    margin: 0px;
    padding: 0px 0px 0px 10px;
    position: absolute;
    top: 0px;
    left: 0px;
    font-size: 18px;
    background-color: #dedede;
    border-bottom: solid 1px #cccccc;
}
.mask .dialog-body {
    width: 100%;
    height: 100%;
    padding: 10px;
}
.mask .dialog-buttons {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: right;
    padding-right: 10px;
}

.icon-close{width:21px;height:21px; cursor: pointer;margin-left: 680px;}

form .x-row { height: 30px; line-height: 30px; }

.toastr { position: absolute; z-index: 10000; top: 20px; right: 20px; padding: 10px 20px 10px 20px; color: #ffffff; display: none; }
.toastr-success { background-color: rgba(0, 126, 0, 0.8); }
.toastr-warning, .toastr-error { background-color: rgba(250, 0, 0, 0.8); }